<template>
    <div style="height:730px;">
        <div style="position:relative;height:100%;" class="container">
            <img src="../../assets/img/媒体优选/切图/15-1.png" alt="" class="imgFixed">
            <div class="circleOne">
                <p>多维构建用户画像</p>
                <p>+精准定位广告</p>
            </div>
            <div class="arrow1"></div>
            <div class="imgOne">
                <p>媒体主</p>
            </div>
            <div class="imgTwo"></div>
            <div class="imgThree">
                <p>智能匹配</p>
            </div>
            <div class="imgFour">
                <p>需求解读</p>
            </div>
            <div class="imgFive"></div>
            <div class="imgSix">
                <p>广告主</p>
            </div>
            <div class="img8"></div>
            <div class="img9"></div>
            <div class="img10">
                <p>媒体定位</p>
            </div>
            <div class="img11">
                <p>受众画像</p>
            </div>
            <div class="img12">
                <p>精准广告</p>
            </div>
            <div class="img13"></div>
            <div class="img14">
                <p>目标达成</p>
            </div>
            <div class="circleTwo">
                <p>海量媒体大数据挖掘</p>
                <p>+标签化分类</p>
            </div>
            <div class="circleThree">
                <p>动态效果监控分析</p>
                <p>+优化投放策略</p>
            </div>
            <p class="ppp">大数据</p>
        </div>
    </div>
</template>
<script>
export default {
    
}
</script>
<style scoped>
    .imgFixed{
        position: absolute;
        top:85px;
        left:464px;
    }
    .circleOne{
        width:327px;
        height: 140px;
        background: url("../../assets/img/媒体优选/切图/36.png");
        position: absolute;
        top: 42px;
        left: 100px;
    }
    .circleOne>p:nth-child(1){
        position: absolute;
        top:50px;
        left:8px;
        font-size: 16px;
         color:rgb(255, 176, 83);
    }
    .circleOne>p:nth-child(2){
        position: absolute;
        top:70px;
        left:12px;
        font-size: 18px;
         color:rgb(255, 176, 83);
    }
    .arrow1{
        width:20px;
        height: 24px;
        background: url("../../assets/img/媒体优选/切图/19.png");
        position: absolute;
        top:89px;
        right: 375px;
    }
    .imgOne{
        width:76px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/20.png");
        position: absolute;
        top:60px;
        right: 235px;
    }
    .imgOne>p{
        font-size: 18px;
        font-weight: bold;
        color:rgb(34, 34,34 );
        position: absolute;
        top:86px;
        right:7px;
    }
    .imgTwo{
        width:20px;
        height: 24px;
        background: url("../../assets/img/媒体优选/切图/21.png");
        position: absolute;
        top:89px;
        right:152px;
    }
    .imgThree{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/22.png");
        position: absolute;
        top:60px;
        right: 15px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .imgThree>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
    .imgFour{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/28.png");
        position: absolute;
        top:240px;
        left: 0px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .imgFour>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
    .imgFive{
        width:20px;
        height: 24px;
        background: url("../../assets/img/媒体优选/切图/27.png");
        position: absolute;
        top:273px;
        left:150px;
    }
     .imgSix{
        width:76px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/26.png");
        position: absolute;
        top:241px;
        left: 240px;
    }
    .imgSix>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
    .img8{
        font-size: 18px;
        font-weight: bold;
        background: url("../../assets/img/媒体优选/切图/21.png");
        position: absolute;
        top:273px;
        left:375px;
    }
     .img9{
        width:24px;
        height: 20px;
        background: url("../../assets/img/媒体优选/切图/29.png");
        position: absolute;
        top:210px;
        right:38px;
    }
    .img10{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/24.png");
        position: absolute;
        top:240px;
        right: 0px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .img10>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
     .img11{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/24.png");
        position: absolute;
        top:438px;
        left: 0px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .img11>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
     .img12{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/32.png");
        position: absolute;
        top:438px;
        left: 448px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .img12>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
    .img13{
        width:20px;
        height: 24px;
        background: url("../../assets/img/媒体优选/切图/33.png");
        position: absolute;
        top:470px;
        left:600px;
    }
     .img14{
        width:101px;
        height: 76px;
        background: url("../../assets/img/媒体优选/切图/34.png");
        position: absolute;
        top:438px;
        right: 435px;
        background-position: center;
        background-repeat: no-repeat;
    }
    .img14>p{
        font-size: 18px;
        font-weight: bold;
        position: absolute;
        top:86px;
        right:10px;
    }
     .circleTwo{
        width:330px;
        height: 261px;
        background: url("../../assets/img/媒体优选/切图/35.png");
        position: absolute;
        bottom: 175px;
        right: 103px;
    }
    .circleTwo>p:nth-child(1){
        position: absolute;
        top:160px;
        right:8px;
        font-size: 16px;
        color:rgb(64, 149, 230);
    }
    .circleTwo>p:nth-child(2){
        position: absolute;
        top:183px;
        right:32px;
        font-size: 18px;
        color:rgb(64, 149, 230);
    }
     .circleThree{
        width:291px;
        height: 311px;
        background: url("../../assets/img/媒体优选/切图/37.png");
        position: absolute;
        bottom: 80px;
        left: 170px;
    }
    .circleThree>p:nth-child(1){
        position: absolute;
        bottom:78px;
        left:8px;
        font-size: 16px;
        color:rgb(237, 64, 64);
    }
    .circleThree>p:nth-child(2){
        position: absolute;
        bottom: 50px;
        left:8px;
        font-size: 18px;
        color:rgb(237, 64, 64);
    }
    .ppp{
        position: absolute;
        font-size: 18px;
        font-weight: bold;
        color:rgb(34, 34, 34);
        top:347px;
        left:561px;
        font-size: 24px;
    }
</style>


